<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="title">
            <h2><a href="#" class="back" onclick="history.go(-1)"/>Visualizar Cliente</h2>
        </ui:define>

        <ui:define name="body">
            <p:panel styleClass="container_24 clearfix">
                <div class="buttonAction" style="float: right">
                    <p:button value="Editar" href="editarcliente.xhtml?eCliente=#{managerPesquisarCliente.clienteVisualizar.id}"
                              icon="ui-icon-pencil" styleClass="ui-priority-primary"/>
                </div>
                <br/>
            </p:panel>

            <h:form id="clienteForm" enctype="multipart/form-data">            
                <p:messages id="messages" closable="true" showDetail="true" autoUpdate="true"  />
                <p:panel id="dadosGeraisPanel" styleClass="container_24 clearfix">
                    <h2>Dados Gerais</h2>

                    <p:outputLabel value="#{managerPesquisarCliente.pessoaFisicaVisualizar ? 'CPF:' : 'CNPJ:'}" styleClass="grid_3"/>
                    <p:inputMask value="#{managerPesquisarCliente.pessoaFisicaVisualizar ? managerPesquisarCliente.clienteVisualizar.cpf : managerPesquisarCliente.clienteVisualizar.cnpj}" 
                                 styleClass="grid_8" mask="#{managerPesquisarCliente.pessoaFisicaVisualizar ? '999.999.999-99' : '99.999.999/9999-99'}"
                                 autocomplete="false" readonly="true" />
                    <div class="clear"/>

                    <p:outputLabel value="#{managerPesquisarCliente.pessoaFisicaVisualizar ? 'Nome:' : 'Nome Fantasia:'}" 
                                   styleClass="grid_3 #{managerPesquisarCliente.pessoaFisica ? '' : 'nomeFantasiaLabel'}" 
                                   for="nomeInputText"/>
                    <p:inputText id="nomeInputText" 
                                 value="#{managerPesquisarCliente.pessoaFisicaVisualizar ? managerPesquisarCliente.clienteVisualizar.nome : managerPesquisarCliente.clienteVisualizar.nomeFantasia}" 
                                 styleClass="grid_20" readonly="true"/>
                    <div class="clear"/>

                    <p:outputLabel value="Nome da Mãe:" styleClass="grid_3" 
                                   for="nomeMaeInputText" rendered="#{managerPesquisarCliente.pessoaFisicaVisualizar}"/>
                    <p:inputText id="nomeMaeInputText" 
                                 value="#{managerPesquisarCliente.clienteVisualizar.nomeMae}" 
                                 readonly="true"
                                 rendered="#{managerPesquisarCliente.pessoaFisicaVisualizar}"
                                 styleClass="grid_20" />
                    <div class="#{managerPesquisarCliente.pessoaFisicaVisualizar ? 'clear' : ''}" />

                    <p:outputLabel value="RG:" styleClass="grid_3" 
                                   rendered="#{managerPesquisarCliente.pessoaFisicaVisualizar}"/> 
                    <p:inputText styleClass="grid_8" value="#{managerPesquisarCliente.clienteVisualizar.rg}" 
                                 rendered="#{managerPesquisarCliente.pessoaFisicaVisualizar}" readonly="true"/>

                    <p:outputLabel value="Data Nasc.:" styleClass="grid_4" 
                                   for="dataNascCalendar" rendered="#{managerPesquisarCliente.pessoaFisicaVisualizar}"/>
                    <div class="grid_9">
                        <p:inputText id="dataNascCalendar" value="#{managerPesquisarCliente.clienteVisualizar.dataNascimento}"
                                     readonly="true" styleClass="grid_22"
                                     rendered="#{managerPesquisarCliente.pessoaFisicaVisualizar}">
                            <f:convertDateTime pattern="dd/MM/yyyy"/>
                        </p:inputText>
                    </div>
                </p:panel> 

                <p:panel id="bancosPanel" styleClass="container_24 clearfix">
                    <h2>Bancos</h2>
                    <br/>
                    <p:dataTable id="bancosTable" var="item" value="#{managerPesquisarCliente.bancosVisualizar}" 
                                 styleClass="grid_24" emptyMessage="Nenhum registro">  
                        <f:facet name="header">
                            Bancos
                        </f:facet>

                        <p:column headerText="Nome">  
                            #{item.tipoBanco.nome}
                        </p:column>

                        <p:column headerText="Agência">  
                            #{item.agencia}
                        </p:column> 

                        <p:column headerText="Conta">  
                            #{item.conta}
                        </p:column> 

                    </p:dataTable>

                </p:panel>

                <div class="buttonAction">
                    <p:button value="Voltar" icon="ui-icon-circle-arrow-w" href="/pesquisarcliente.xhtml"/>
                </div>
            </h:form>
        </ui:define>
    </ui:composition>
</html>


